import React, { useState, useEffect } from 'react';
import { NavBar, Icon } from 'antd-mobile'
import { history } from 'umi'

export default function (props) {
  const [state, setState] = useState()

  useEffect(() => {

  }, [])

  return (
    <div style={{ width: '70%', margin: '0 auto' }}>
      <NavBar
        mode="dark"
        icon={<Icon type="left" />}
        onLeftClick={() => history.push('/user')}
      >用户协议</NavBar>
      <div style={{ padding: '10px' }}>
        <h3>首部及导言</h3>

        <p>欢迎你使用本软件及服务！</p>

        <p>
          为使用本软件（以下简称“本软件”）及服务，你应当阅读并遵守《本软件许可及服务协议》（以下简称“本协议”）。请你务必审慎阅读、充分理解各条款内容，特别是免除或者限制责任的条款，以及开通或使用某项服务的单独协议，并选择接受或不接受。限制、免责条款可能以加粗形式提示你注意。
        </p>

        <p>
          除非你已阅读并接受本协议所有条款，否则你无权下载、安装或使用本软件及相关服务。你的下载、安装、使用、获取帐号、登录等行为即视为你已阅读并同意上述协议的约束。
        </p>

        <p>
          如果你未满18周岁，请在法定监护人的陪同下阅读本协议及上述其他协议，并特别注意未成年人使用条款。特别地，如果你是未满14周岁的儿童，则在完成帐号注册前，还应请你的监护人仔细阅读本公司专门制定的《儿童隐私保护声明》。只有在取得监护人对《儿童隐私保护声明》的同意后，未满14周岁的儿童方可使用本服务。
        </p>
      </div>
    </div>
  )
}